
.body {
  width:               100vw;height: 100vh;display: flex;flex-direction: column;
  justify-content:     center;align-items: center;
  background-image:    url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
  background-repeat:   no-repeat;
  background-position: center 110px;
  background-size:     100%;

  .title {
    padding-bottom: 24px;font-weight: 500;font-size: 24px;
    }

  div {
    text-align: center;
    }
  }

a {
  color:#000000;
}

.operating {
  a {
    cursor: pointer;
    }
  }

.arco-table-pagination {
  justify-content: center !important;
  }

.sea {
  margin-bottom: 15px;
  }

.wid {
  width: 1212px; margin: 0 auto;
  }


.c_banner .subpage_ad {
  position:   relative;
  overflow:   hidden;
  max-height: 300px;
  height:     45vw;
  margin-top: 0;z-index: -1;
  background: #000;
  }


.c_banner .bgimg {
  position:          absolute;
  top:               0px;
  bottom:            0px;
  left:              0px;
  right:             0px;
  opacity:           0.7;
  background:        no-repeat center/cover;
  -moz-animation:    breatheBg 8s ease-in-out infinite alternate;
  -webkit-animation: breatheBg 8s ease-in-out infinite alternate;
  -o-animation:      breatheBg 8s ease-in-out infinite alternate;
  }


@keyframes breatheBg {
  0% {
    transform: scale(1);
    }

  100% {
    transform: scale(1.1);
    }
  }

@-moz-keyframes breatheBg {
  0% {
    transform: scale(1);
    }

  100% {
    transform: scale(1.1);
    }
  }

@-webkit-keyframes breatheBg {
  0% {
    transform: scale(1);
    }

  100% {
    transform: scale(1.1);
    }
  }

@-o-keyframes breatheBg {
  0% {
    transform: scale(1);
    }

  100% {
    transform: scale(1.1);
    }
  }

.c_banner .subpage_ad .text {
  position:    absolute;
  width:       30%;
  color:       #fff;
  text-align:  center;
  top:         55%;
  left:        35%;
  line-height: 1.6;
  transform:   translate(0, -50%);
  z-index:     0;background: rgba(0, 0, 0, .29); padding: 50px;
  }

.c_banner .capitalize {
  text-transform: capitalize;
  }

.c_banner .subpage_ad .ad-line {
  height:     2px;
  width:      3%;
  background: #fff;
  margin:     0.8% auto;
  }

.c_banner .subpage_ad .ad-tit {
  font-size:      36px;
  font-weight:    normal;
  text-transform: uppercase;
  }


.c_banner .subpage_ad .ad-sum {
  font-size:   24px;
  font-weight: normal;
  }

@media screen and (max-width: 767px) {

  .c_banner .subpage_ad .ad-tit {
    font-size:      24px;
    font-weight:    normal;
    text-transform: uppercase;
    }


  .c_banner .subpage_ad .ad-sum {
    font-size:   18px;
    font-weight: normal;
    }

  }

.win_left {
  width: 245px;
  }

.win_right {
  width: 910px;
  }

.left_title {
  border: 1px solid #e1e1e1;margin-bottom: 15px;
  }

.left_title_top {
  display:       flex;justify-content: space-between;line-height: 42px;font-size: 16px; color: #333;padding-left: 20px; border-top: solid 2px #1f2c5c; padding-right: 20px;background: rgb(248, 248, 248);
  border-bottom: 1px solid #e8e8e8;
  }

.left_title_con {
  min-height: 100px;
  }

.right_title {height: 52px; border-bottom: #e8e8e8 1px solid;}

.right_title span { display: inline-block; height: 50px;line-height: 50px;border-bottom: 2px solid #004b92; font-weight: normal;font-size: 22px;}


.con {
   margin: 20px 0; font-size: 15px;

  ul {
    width: 100%;display: flex;flex-wrap: wrap;



    li {
      width: 210px;margin-bottom: 20px;margin-right: 15px;border: 1px solid #F6F6F6;line-height: 24px;

      a {
        display: block;width: 100%;overflow: hidden;position: relative;background: #F6F6F6;

        &:hover {
          background: #1f2c5c;

          .item_mask {opacity: 1;filter: Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, .1);}

          .item_link_icon {transform: translateY(-21px);opacity: 1;filter: Alpha(opacity=100);}

          span {
            color: #fff;
            }
          }
        }

      span {
        width: 100%;height: 45px;color: #555;text-align: center;display: block;line-height: 45px;transition: all .5s;
        }

      img {
        display: block;width: 214px;height: 160px;
        }
      }


    .item_mask {width: 287px;height: 215px;background: rgba(0, 0, 0, 0);position: absolute;left: 0;top: 0;opacity: 0;filter: Alpha(opacity=0);*zoom: 1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
    }

  p {
    margin-top: 10px;
    }

  > img {
    max-width: 850px; margin: 0 auto; display: block; text-align: center;
    }
  }

.nr_top {
  display: flex; justify-content: flex-start;background: url(../assets/nr_bg.png) no-repeat;

  > div {
    margin-bottom: 20px;

    &:first-child {
      width: 540px;padding: 20px 0 40px 0;

      h1 {
        font-size: 30px;font-weight: normal;
        }

      p {
        padding: 25px 25px 25px 0;color: #666;min-height: 90px;
        }

      > div {
        display: flex;justify-content: flex-start;

        img {display: block;width: 25px;margin-right: 20px;}

        span {color: #004b92;font-size: 30px;}
        }

      }

    &:last-child {
      width: 330px;padding: 30px 25px;

      > div {
        background: rgba(0, 0, 0, .5);color: #fff;
        padding:    10px 20px;

        h2 {
          text-align: center;font-size: 20px;
          }
        }

      }

    }


  }

.nr-title {height: 52px; line-height: 52px; border-bottom: #e8e8e8 1px solid;}

.nr-title span { border-bottom: 2px solid #004b92; font-weight: normal;font-size: 22px; padding: 12px 8px;}

.nr-con {
  h2 {
    text-align: center;
    }
  }

.about {
  line-height: 24px;margin: 20px 0; font-size: 15px;
  }

.left_title_con {
  ul {padding: 10px 20px;

    li {
      line-height: 30px;text-indent: 1em;

      a {
        color: #000;

        &.hover, &:hover {
          color: #646cff;
          }
        }
      }
    }
  }

.title {
  color: #1f2c5c;font-size: 36px;
  }
